<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<!-- 必要的标签 -->
	<meta charset="utf-8">
	<title>无标题文档</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.bigbox{
			margin: 0 auto;
			width: 1500px;
			height: 1000px;
			background-color:ghostwhite;
		}
		.menu{
			width: 1500px;
			height: 60px;
			background-color:#545652;
		}
		div.menu li{
			float: left;
			list-style-type: none;
		}
		div.menu li a{
			display: block;
			text-decoration: none;
			color :black;
			line-height: 60px;
			margin: 0 10px 0 0;
			width: 120px;
			color:darkgray;
			text-align: center;
			font-size: 25px;
		}
		div.menu li a:hover{
			color: white;
		}
		thead th{
			width: 100px;
			height: 30px;
		}
		.box{
			width: 1000px;
			height: 800px;
			margin: 30px auto;
			background-color:#ADD8E6;
			border-radius: 10px;
			padding-top: 20px;
		}
		.head{
			width: 1000px;
			height: 60px;
			margin: 20px auto;

		}
		.head p{
			width: 1200px;
			height: 60px;
			line-height: 60px;
			font-size: 40px;
			color: #3796D1;
		}
		input{
			width: 200px;
			height: 40px;
			line-height: 40px;
			margin-top: 40px;
			margin-left: 5px;
		}

		button{
			margin-top: 20px;
			margin-left: 30px;
			background-color: #3796D1;
			width: 100px;
			height: 30px;
			color: aliceblue;
			border: none;
			border-radius: 10px;
			box-shadow: 2px 2px 2px grey;
		}
		span{
			color:#00008B;
			margin-left: 30px;

		}
		textarea{
			width: 300px;
			height: 50px;
			margin-top: 20px;
			margin-left: 30px;
		}
	</style>
</head>

<body>
<div class="bigbox">
	<div class="menu">
		<ul>
			<li><a th:href="@{/}">主页</a></li>
			<li><a th:href="@{/movies}">电影</a></li>
			<li><a th:href="@{/directors}">导演</a></li>
			<li><a th:href="@{/performers}">演员</a></li>
			<li><a th:href="@{/box_offices}">票房情况</a></li>
			<li><a th:href="@{/evaluations}">评价</a></li>
		</ul>
	</div>
	<div class="head">
		<p>新增影评</p>
	</div>
	<div class="box">


		<div>
			<form th:action="@{/evaluations/save}" th:object="${evaluation}" method="POST">
				<span>电影名：</span>
				<select th:field="*{movie}" multpile="multiple">
					<option th:each="movie : ${allMovies}" th:value="${movie.movieId}" th:text="${movie.movie_name}"></option>
				</select>
				<br />
				<textarea type="text" placeholder="输入电影评价" th:field="*{content}"></textarea>
				<br />
				<button type="submit">新建评论</button>

			</form>
		</div>
	</div>
</div>

</body>
</html>

